<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				background-color: #2d59c9;
			}

			* {
				padding: 0px;
				margin: 0px;
			}

			#logo {
				background-image: url('首页/img/找茬小能手.png');
				background-size: cover;
				width: 400px;
				height: 180px;
				margin: 0px auto;
			}

			#zuo1 {
				position: fixed;
				background-image: url('首页/img/1.svg');
				width: 700px;
				height: 400px;
				background-size: cover;
				left: 50px;
				top: 200px;
			}

			#you1 {
				position: fixed;
				background-image: url('首页/img/2.svg');
				width: 700px;
				height: 400px;
				background-size: cover;
				right: 50px;
				top: 200px;
			}

			#zuo2 {
				position: fixed;
				background-image: url('首页/img/3.svg');
				width: 700px;
				height: 400px;
				background-size: cover;
				left: 50px;
				top: 200px;
				display: none;
			}

			#you2 {
				position: fixed;
				background-image: url('首页/img/4.svg');
				width: 700px;
				height: 400px;
				background-size: cover;
				right: 50px;
				top: 200px;
				display: none;
			}

			#zuo3 {
				position: fixed;
				background-image: url('首页/img/5.svg');
				width: 700px;
				height: 400px;
				background-size: cover;
				left: 50px;
				top: 200px;
				display: none;
			}

			#you3 {
				position: fixed;
				background-image: url('首页/img/6.svg');
				width: 700px;
				height: 400px;
				background-size: cover;
				right: 50px;
				top: 200px;
				display: none;
			}

			#tuichu {
				background-image: url('首页/img/退出.png');
				position: fixed;
				width: 200px;
				height: 120px;
				background-size: cover;
				right: 90px;
				top: 630px;
				cursor: pointer;
			}

			#tishi {
				background-image: url('首页/img/提示.png');
				position: fixed;
				width: 200px;
				height: 100px;
				background-size: cover;
				right: 380px;
				top: 630px;
			}

			#q1 {
				width: 100px;
				height: 115px;
				position: fixed;
				right: 160px;
				top: 260px;
			}

			#quan1 {
				background-image: url('首页/img/44.png');
				width: 100px;
				height: 115px;
				background-size: cover;
				position: fixed;
				right: 160px;
				top: 260px;
				display: none;
			}

			#q2 {
				width: 100px;
				height: 105px;
				position: fixed;
				right: 520px;
				top: 260px;
			}

			#quan2 {
				background-image: url('首页/img/44.png');
				width: 100px;
				height: 105px;
				background-size: cover;
				position: fixed;
				right: 520px;
				top: 260px;
				display: none;
			}

			#q3 {
				width: 100px;
				height: 105px;
				position: fixed;
				right: 360px;
				top: 230px;
			}

			#quan3 {
				background-image: url('首页/img/22.png');
				width: 100px;
				height: 105px;
				background-size: cover;
				position: fixed;
				right: 360px;
				top: 230px;
				display: none;
			}

			#q4 {
				width: 100px;
				height: 105px;
				position: fixed;
				right: 290px;
				top: 190px;
			}

			#quan4 {
				background-image: url('首页/img/22.png');
				width: 100px;
				height: 105px;
				background-size: cover;
				position: fixed;
				right: 290px;
				top: 190px;
				display: none;
			}

			#q5 {
				width: 100px;
				height: 105px;
				position: fixed;
				right: 255px;
				top: 250px;
			}

			#quan5 {
				background-image: url('首页/img/22.png');
				width: 100px;
				height: 105px;
				background-size: cover;
				position: fixed;
				right: 255px;
				top: 250px;
				display: none;
			}

			#q6 {
				width: 100px;
				height: 105px;
				position: fixed;
				right: 365px;
				top: 390px;
			}

			#quan6 {
				background-image: url('首页/img/22.png');
				width: 100px;
				height: 105px;
				background-size: cover;
				position: fixed;
				right: 365px;
				top: 390px;
				display: none;
			}

			#q21 {
				width: 110px;
				height: 105px;
				top: 209px;
				right: 90px;
				position: fixed;
			}

			#quan21 {
				background-image: url('首页/img/22.png');
				width: 110px;
				height: 105px;
				background-size: cover;
				position: fixed;
				top: 209px;
				right: 90px;
				display: none;
			}

			#quan22 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 279px;
				right: 30px;
				display: none;
			}

			#q22 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 279px;
				right: 30px;
			}

			#quan23 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 429px;
				right: 140px;
				display: none;
			}

			#q23 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 429px;
				right: 140px;
			}

			#quan24 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 429px;
				right: 570px;
				display: none;
			}

			#q24 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 429px;
				right: 570px;
			}

			#quan25 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 190px;
				right: 510px;
				display: none;
			}

			#q25 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 190px;
				right: 510px;
			}

			#quan26 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 190px;
				right: 300px;
				display: none;
			}

			#q26 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 190px;
				right: 300px;
			}

			#quan31 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 240px;
				right: 180px;
				display: none;
			}

			#q31 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 240px;
				right: 180px;
			}

			#quan32 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 500px;
				right: 180px;
				display: none;
			}

			#q32 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 500px;
				right: 180px;
			}

			#quan33 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 320px;
				right: 300px;
				display: none;
			}

			#q33 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 320px;
				right: 300px;
			}

			#quan34 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 110px;
				height: 105px;
				position: fixed;
				top: 340px;
				right: 550px;
				display: none;
			}

			#q34 {
				width: 110px;
				height: 105px;
				position: fixed;
				top: 340px;
				right: 550px;
			}

			#quan35 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 380px;
				height: 255px;
				position: fixed;
				top: 400px;
				right: 400px;
				display: none;
			}

			#q35 {
				width: 380px;
				height: 255px;
				position: fixed;
				top: 400px;
				right: 400px;
			}

			#quan36 {
				background-image: url('首页/img/22.png');
				background-size: cover;
				width: 180px;
				height: 155px;
				position: fixed;
				top: 130px;
				right: 300px;
				display: none;
			}

			#q36 {
				width: 180px;
				height: 155px;
				position: fixed;
				top: 130px;
				right: 300px;
			}

			#tangchuan {
				background-image: url('首页/img/弹窗.png');
				background-size: cover;
				width: 400px;
				height: 400px;
				position: fixed;
				left: 600px;
				top: 200px;
				z-index: 99;
				display: none;
			}

			#xiayiguan {
				background-image: url('首页/img/下一关.png');
				background-size: cover;
				width: 150px;
				height: 60px;
				z-index: 99;
				position: absolute;
				left: 200px;
				top: 205px;
				cursor: pointer;
			}

			#tc {
				background-image: url('首页/img/tc.png');
				background-size: cover;
				width: 150px;
				height: 75px;
				position: absolute;
				left: 20px;
				top: 200px;
				cursor: pointer;
				z-index: 999;
			}

			#tc1 {
				background-image: url('首页/img/tc.png');
				background-size: cover;
				width: 150px;
				height: 75px;
				position: absolute;
				left: 20px;
				top: 200px;
				cursor: pointer;
				z-index: 999;
				cursor: pointer;
			}

			#tangchuan2 {
				background-image: url('首页/img/弹窗.png');
				background-size: cover;
				width: 400px;
				height: 400px;
				position: fixed;
				left: 600px;
				top: 200px;
				z-index: 99;
				display: none;
			}

			#zailaiyichi {
				background-image: url('首页/img/再来一1次.png');
				background-size: cover;
				width: 150px;
				height: 60px;
				z-index: 999;
				position: absolute;
				left: 200px;
				top: 200px;
				cursor: pointer;
			}

			#xiaotangchuan {
				background-image: url('首页/img/小弹窗.png');
				background-size: cover;
				width: 400px;
				height: 200px;
				position: fixed;
				z-index: 999;
				top: 200px;
				left: 560px;
				display: none;
			}

			.guanbi {
				margin-top: 150px;
				margin-left: 200px;
			}
		</style>
		<script src="首页/jswj/jquery-2.2.4.js"></script>
	</head>
	<body>
		<div id="xiaotangchuan">
			<input type="button" value="关闭" class="guanbi">
		</div>
		<div id="tangchuan2">
			<div id="tc1"></div>
			<div id="zailaiyichi"></div>
		</div>
		<div id="tangchuan">
			<div id="xiayiguan"></div>
			<div id="tc"></div>
		</div>
		<div id="logo"></div>
		<div id="zuo1"></div>
		<div id="you1">
			<div id="q1">
				<div id="quan1"></div>
			</div>
			<div id="q2">
				<div id="quan2"></div>
			</div>
			<div id="q3">
				<div id="quan3"></div>
			</div>
			<div id="q4">
				<div id="quan4"></div>
			</div>
			<div id="q5">
				<div id="quan5"></div>
			</div>
			<div id="q6">
				<div id="quan6"></div>
			</div>
		</div>
		<div id="zuo2"></div>
		<div id="you2">
			<div id="q21">
				<div id="quan21"></div>
			</div>
			<div id="q22">
				<div id="quan22"></div>
			</div>
			<div id='q23'>
				<div id="quan23"></div>
			</div>
			<div id="q24">
				<div id="quan24"></div>
			</div>
			<div id="q25">
				<div id="quan25"></div>
			</div>
			<div id="q26">
				<div id="quan26"></div>
			</div>
		</div>
		<div id="zuo3"></div>
		<div id="you3">
			<div id="q31">
				<div id="quan31"></div>
			</div>
			<div id="q32">
				<div id="quan32"></div>
			</div>
			<div id='q33'>
				<div id="quan33"></div>
			</div>
			<div id="q34">
				<div id="quan34"></div>
			</div>
			<div id="q35">
				<div id="quan35"></div>
			</div>
			<div id="q36">
				<div id="quan36"></div>
			</div>
		</div>
		<div id="tuichu"></div>
		<script>
			$(function() {
				var k = 0
				var z = 0
				var x = 0
				window.onload = function() {
					setTimeout(function() {
						document.getElementById('xiaotangchuan').style.display = 'block'
					}, 1000)
				}
				$('.guanbi').click(function() {
					document.getElementById('xiaotangchuan').style.display = 'none'
				})
				document.getElementById('q1').onclick = function() {
					if ($('#quan1').css("display") == 'none') {
						k++
					}
					document.getElementById('quan1').style.display = 'block'
					if (k == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q2').onclick = function() {
					if ($('#quan2').css("display") == 'none') {
						k++
					}
					document.getElementById('quan2').style.display = 'block'
					if (k == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q3').onclick = function() {
					if ($('#quan3').css("display") == 'none') {
						k++
					}
					document.getElementById('quan3').style.display = 'block'
					if (k == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q4').onclick = function() {
					if ($('#quan4').css("display") == 'none') {
						k++
					}
					document.getElementById('quan4').style.display = 'block'
					if (k == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q5').onclick = function() {
					if ($('#quan5').css("display") == 'none') {
						k++
					}
					document.getElementById('quan5').style.display = 'block'
					if (k == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q6').onclick = function() {
					if ($('#quan6').css("display") == 'none') {
						k++
					}
					document.getElementById('quan6').style.display = 'block'
					if (k == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q21').onclick = function() {
					if ($("#quan21").css("display") == 'none') {
						z++
					}
					document.getElementById('quan21').style.display = 'block'
					if (z == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q22').onclick = function() {
					if ($("#quan22").css("display") == 'none') {
						z++
					}
					document.getElementById('quan22').style.display = 'block'
					if (z == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q23').onclick = function() {
					if ($("#quan23").css("display") == 'none') {
						z++
					}
					document.getElementById('quan23').style.display = 'block'
					if (z == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q24').onclick = function() {
					if ($("#quan24").css("display") == 'none') {
						z++
					}
					document.getElementById('quan24').style.display = 'block'
					if (z == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q25').onclick = function() {
					if ($("#quan25").css("display") == 'none') {
						z++
					}
					document.getElementById('quan25').style.display = 'block'
					if (z == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q26').onclick = function() {
					if ($("#quan26").css("display") == 'none') {
						z++
					}
					document.getElementById('quan26').style.display = 'block'
					if (z == 6) {
						setTimeout(function() {
							document.getElementById('tangchuan').style.display = 'block'
						}, 2000)
					}
				}
				document.getElementById('q31').onclick = function() {
					if ($('#quan31').css("display") == "none") {
						x++
					}
					document.getElementById('quan31').style.display = 'block'
					if (x == 6) {
						document.getElementById('tangchuan2').style.display = 'block'
					}
				}
				document.getElementById('q32').onclick = function() {
					if ($('#quan32').css("display") == "none") {
						x++
					}
					document.getElementById('quan32').style.display = 'block'
					if (x == 6) {
						document.getElementById('tangchuan2').style.display = 'block'
					}
				}
				document.getElementById('q33').onclick = function() {
					if ($('#quan33').css("display") == "none") {
						x++
					}
					document.getElementById('quan33').style.display = 'block'
					if (x == 6) {
						document.getElementById('tangchuan2').style.display = 'block'
					}
				}
				document.getElementById('q34').onclick = function() {
					if ($('#quan34').css("display") == "none") {
						x++
					}
					document.getElementById('quan34').style.display = 'block'
					if (x == 6) {
						document.getElementById('tangchuan2').display.style = 'block'
					}
				}
				document.getElementById('q35').onclick = function() {
					if ($('#quan35').css("display") == "none") {
						x++
					}
					document.getElementById('quan35').style.display = 'block'
					if (x == 6) {
						document.getElementById('tangchuan2').style.display = 'block'
					}
				}
				document.getElementById('q36').onclick = function() {
					if ($('#quan36').css("display") == "none") {
						x++
					}
					document.getElementById('quan36').style.display = 'block'
					if (x == 6) {
						document.getElementById('tangchuan2').style.display = 'block'
					}
				}
				$('#zailaiyichi').click(function() {
					window.location.reload();
				});
				$('#xiayiguan').click(function() {
					if (k == 6) {
						document.getElementById('zuo1').style.display = 'none'
						document.getElementById('you1').style.display = 'none'
						document.getElementById('zuo2').style.display = 'block'
						document.getElementById('you2').style.display = 'block'
						document.getElementById('tangchuan').style.display = 'none'
						k = 0
					}
					if (z == 6) {
						document.getElementById('zuo2').style.display = 'none'
						document.getElementById('you2').style.display = 'none'
						document.getElementById('zuo3').style.display = 'block'
						document.getElementById('you3').style.display = 'block'
						document.getElementById('tangchuan').style.display = 'none'
						z = 0
					}
				});
				$('#tuichu').click(function() {
					window.location.href = '老年界面.html'
				});
				$('#tc').click(function() {
					window.location.href = '老年界面.html'
				})
				$('#tc1').click(function() {
					window.location.href = '老年界面.html'
				})
			})
		</script>
	</body>
</html>
